@charset "utf-8";
*{transition: all .3s;}
body {font-size: 14px;font-family: "Microsoft YaHei",arial;}
:root{--mColor:#009a4c;}
:root{--sColor:#658c38;}
.container {max-width: 1400px;margin: 0 auto;position: relative;}
.container-width {max-width: 1200px;margin: 0 auto;position: relative;}


@font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../iconfont/iconfont.woff2') format('woff2'),
		url('../iconfont/iconfont.woff') format('woff'),
		url('../iconfont/iconfont.ttf') format('truetype'),
		url('../iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

@font-face {
	font-family: 'iconpublic';
	src: url('../iconpublic/iconfont.eot');
	src: url('../iconpublic/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../iconpublic/iconfont.woff2') format('woff2'),
		url('../iconpublic/iconfont.woff') format('woff'),
		url('../iconpublic/iconfont.ttf') format('truetype'),
		url('../iconpublic/iconfont.svg#iconfont') format('svg');
  }

.iconpublic {
	font-family: "iconpublic" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

@media (max-width:1430px) {
	.container {max-width: 1200px;padding: 0 15px;}
}
@media (max-width:1230px) {
	.container-width {max-width: 1200px;padding: 0 15px;}
}

.case-btn { display: inline-block;position: relative;left: 50%;transform: translateX(-50%);border: 2px solid var(--sColor);color: var(--sColor);font-weight: bold;font-size: 24px;margin-top: 40px;padding: 12px 32px;border-radius: 50px;}
@media (max-width:768px){
	.case-btn {font-size: 16px;padding: 6px 16px;margin-top: 25px;}
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {outline: none;}
.global-top {background: url(../images/top-bg.jpg) repeat;}
.zd-top {padding: 20px 0;border-bottom: 1px solid #d2d2d2;overflow: hidden;}
.logo-meta {width: 60%;display: flex;align-items: center;}
.zd-top .logo {position: relative;display: inline-block;padding-right: 20px;}
.zd-top .logo::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1px;height: 40px;background-color: #d2d2d2;}
.zd-top .logo-r {display: inline-block;padding-left: 20px;}
.zd-top .logo-r h3 {margin-bottom: 2px;font-size: 28px;color: #333333;}
.zd-top .logo-r h3 b {color: var(--mColor);font-weight: bold;}
.zd-top .logo-r p {font-size: 20px;color: #666666;margin-left: 6px;}
.zd-top .top-tel {display: flex;align-items: center;}
.zd-top .top-tel p {margin-right: 24px;display: flex;flex-direction: column;align-items: flex-end;}
.zd-top .top-tel p span {font-size: 16px;color: #666666;}
.zd-top .top-tel p em {font-style: normal;font-size: 22px;font-weight: bold;color: var(--sColor);text-align: right;}
.zd-top .top-tel .tel-ico {position: relative;width: 32px;height: 32px;line-height: 36px;background-color: var(--sColor);display: flex;justify-content: center;transform:rotate(45deg);}
.zd-top .top-tel .tel-ico i {transform:rotate(-45deg);font-size: 20px; color: #ffffff;}
.zd-top .top-tel .tel-ico::before {content: '';position: absolute;display: block;width: 1px;height: 40px;background-color: var(--sColor);top: -30px;left: -11px;transform: rotate(-45deg);}

@media (max-width:1120px) {
	.zd-navBox .container-width {padding: 0;}
	.zd-top .logo {width: 40%;}
	.zd-top .logo img {width: 100%;}
	.zd-top .logo-r h3 {font-size: 22px;}
}



.zd-nav {width: 72.5%;}
.zd-nav>ul {display: flex;justify-content: space-between;}
.zd-nav>ul li {position: relative;float: left;width: 100%;text-align: center;}
.zd-nav>ul li a {position: relative;display: block;padding: 22px 0;z-index: 1;font-size: 16px;color: #333333;}
.zd-nav>ul li a::after {content: '';position: absolute;top: 50%;right: -1px;transform: translateY(-50%);width: 1px;height: 14px;border-right: 1px dashed #a0a0a0;}
.zd-nav>ul li:last-of-type a::after {display: none;}
.zd-nav>ul li:hover a::after {display: none;}
.zd-nav>ul li:hover + li a::after {display: none;}
.zd-nav>ul li:before {content: '';position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: var(--sColor);transform: scale(0.3);opacity: 0;transition: all .2s ease;transition-delay: .1s;z-index: 0;}
.zd-nav>ul li.current-menu-parent::before,.zd-nav>ul li.current-menu-item::before {opacity: 1;transform: scale(1);transition: all .2s ease;} 
.zd-nav>ul li.current-menu-parent a,.zd-nav>ul li.current-menu-item a {color: #ffffff;}
.zd-nav>ul li:hover:before {opacity: 1;transform: scale(1);transition: all .2s ease;}
.zd-nav>ul li:after {content: '';position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;background: 0;box-sizing: border-box;opacity: 1;transition: all .2s ease;}
.zd-nav>ul li:hover:after {opacity: 0;transition: all .2s ease;transform: scale(1.5);transition-delay: .1s;z-index: 0;}
.zd-nav>ul li:hover a,.zd-nav>ul li ul.sub-menu li.current_page_item a {color: #ffffff;}

.zd-search {margin: 14px 60px 14px 0;padding: 0 18px 0 22px;border: 1px solid var(--sColor);border-radius: 20px;}
.zd-search input {padding: 10px 0;font-size: 12px;color: #999999;}
.zd-search button {padding: 0;vertical-align: middle;font-size: 22px;color: #626262;background-color: #ffffff;}

.zd-nav>ul li ul.sub-menu {position: absolute;top: 60px;left: 0;opacity: 0;visibility: hidden;background: url(../images/top-bg.jpg);}
.zd-nav>ul li:hover ul.sub-menu {opacity: 1;visibility: visible;top: 65px;z-index: 3;}
.zd-nav>ul li ul.sub-menu li a {color: #333333;border-bottom: 1px solid #999999;}
.zd-nav>ul li ul.sub-menu li:hover a {color: #ffffff;}
@media (max-width:1120px) {
	.zd-nav {width: 66%;}
	.zd-nav>ul li a {padding: 15px 0;font-size: 14px;}
	.zd-search {margin: 8px 15px 8px 0;}
}

@media (max-width: 960px) {
	.logo-meta {width: 60%;}
	.zd-top {padding: 10px 0;}
	.zd-top .logo {padding-right: 15px;}
	.zd-top .logo::after {height: 30px;}
	.zd-top .logo-r {padding-left: 15px;}
	.zd-top .logo-r h3 {font-size: 18px;}
	.zd-top .logo-r p {font-size: 16px;}
	.zd-top .top-tel p em {font-size: 18px;}
}


@media (max-width: 768px) {
	.global-top {position: relative;}
	.zd-navBox,.zd-top .top-tel {display: none;}
	.logo-meta {width: 100%;}
	.zd-top .logo {width: 25%;}
	ul.sub-menu {display: none !important;}
}

@media (max-width: 500px) {
	.zd-top .logo {width: 35%;padding-right: 10px;}
	.zd-top .logo::after {height: 25px;display: none;}
	.zd-top .logo-r {display: none;}
}



.navbar {width: 30px;height: 30px;padding: 8px 6px; cursor: pointer;display: none;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;}
.navbar span {display: block;width: 18px;height: 2px;background-color: #666;}
.navbar span:nth-child(2) {position: relative;margin: 5px 0;}
/* mobile-nav */
.mobile-nav {position: fixed;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background-color: rgb(255 255 255 / 93%);visibility: hidden;opacity: 0;transform: translateX(120px);transition: all 1s;}


@media (max-width: 768px) {
	.navbar {display: block;position: absolute;top: 50%;transform: translateY(-50%);}
}
/* menu */
.mobile-menu {height: 100%;padding: 20px 15px 0;display: flex;align-items: center; justify-content: center;}
.mobile-menu ul {display: block;text-align: center;}
.mobile-menu ul li {height: 40px;overflow: hidden;}
.mobile-menu ul li a {display: block;color: #666;font-size: 16px;line-height: 26px;}
.mobile-menu ul li a:hover {color: var(--sColor);}

/* close */
.close-btn {position: fixed;top: 24px;right: 17px;width: 30px;height: 30px;cursor: pointer;}
.close-btn span {position: absolute;top: 15px;left: 4px;width: 25px;height: 1px;background-color: #000;}
.close-btn span:first-child {transform: rotate(45deg);}
.close-btn span:last-child {transform: rotate(-45deg);}

/* onshow */
.show-mobile {opacity: 1;visibility: visible;transform: translateX(0);transition: all .5s;}
.hidden-mobile {transform: translateX(120px);opacity: 0;visibility: hidden;}
.show-mobile .mobile-menu ul li a {-webkit-animation: xssss 1s 1;animation: xssss 1s 1;}
@-webkit-keyframes xssss {
	from {transform: translateY(56px);}
}
@keyframes xssss {
	from {transform: translateY(56px);}
}




.zd-footer {background-color: var(--sColor);z-index: 1;position: relative;}
.zd-footer .footer-nav {background-color: #618636;border-radius: 0 0 30px 30px;}
.zd-footer .footer-nav ul {display: flex;justify-content: center;align-items: center;padding: 22px 0;}
.zd-footer .footer-nav ul li a {position: relative;font-size: 16px;color: #ffffff;}
.zd-footer .footer-nav ul li a::after {content: '-';position: relative;top: 50%;transform: translateY(-50%);margin: 0 15px;}
.zd-footer .footer-nav ul li:last-of-type a::after {display: none;}



.footer-box {padding: 50px 0;display: flex;justify-content: space-between;}
.footer-box h3 {margin-bottom: 4px;font-size: 24px;color: #ffffff;}
.footer-box p {font-size: 14px;color: #ffffff;}

.footer-info>span {display: block;margin: 15px 0;padding: 5px 0;text-align: center;font-size: 36px;color: #fbb601;border-top: 1px solid #97b178;border-bottom: 1px solid #97b178;}

.footer-info ul li {position: relative;color: #ffffff;padding-left: 34px;margin: 10px 0;}
.footer-info ul li i {position: absolute;top: 0;left: 0;font-size: 24px;}
.footer-info ul li p {font-size: 14px;}
.footer-info ul li span {font-size: 16px;}

.footer-form {width: 28%;}
.footer-form .form {margin-top: 15px;}
.footer-form .input input,.footer-form .input textarea {margin-bottom: 8px;padding: 12px 15px;border: 1px solid rgba(255, 255, 255, .3);border-radius: 5px;outline: none;font-size: 14px;color: rgba(255, 255, 255, .3);background-color: transparent;width: 100%;}
.footer-form .button input {padding: 10px 30px;border-radius: 5px;font-size: 16px;color: #333333;background-color: #fbb601;cursor: pointer;}
.footer-form .input textarea {height: 64px;font-family: "Microsoft YaHei",arial;-webkit-appearance: none;}
.footer-form .input input::-webkit-input-placeholder,.footer-form .input textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, .3);}
.footer-form .input input::-moz-placeholder,.footer-form .input textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, .3);}
.footer-form .input input:-moz-placeholder,.footer-form .input textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, .3);}
.footer-form .input input:-ms-input-placeholder,.footer-form .input textarea::-webkit-input-placeholder{ color: rgba(255, 255, 255, .3);}

.footer-meta {width: 33%;display: flex;flex-direction: column;align-items: center;}
/*.footer-meta img:first-of-type {margin-bottom: 15px;-webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%);}*/
.footer-meta P {margin-top: 10px;font-size: 16px;}

@media (max-width: 1230px) {
	.footer-box {padding: 50px 15px;}
}
@media (max-width: 960px) {
	.footer-box {flex-wrap: wrap;}
	.footer-box>div {width: 45%;}
	.footer-box .footer-meta {width: 100%;margin-top: 40px;}
}
@media (max-width: 830px) {
	.zd-footer .footer-nav {display: none;}
	.footer-box {align-items: center;}
}
@media (max-width: 640px) {
	.footer-box {padding: 5px 15px 35px;}
	.footer-box>div {width: 100%;margin-top: 30px;}	
	.footer-info>span {width: 60%;font-size: 28px;margin: 15px auto;}
	.footer-info ul li i {top: 50%;transform: translateY(-50%);margin-top: 10px;}
}
.site-copyright {background-color: #333333;font-size: 12px;color: #999999;padding: 10px 0;overflow: hidden;}
.site-copyright>.container-width>p {display: inline-block;}
.site-copyright a {color: #999999;}
.site-copyright a:hover {color: #ffffff;}

.links {margin-bottom: 6px;}
.links ul {overflow: hidden;}
.links ul li {display: inline-block;}
.links ul li span {float: left;}
.links ul li a {display: inline-block;margin: 0 6px;}


/*window-service*/
.window-service {position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: var(--sColor); padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: var(--sColor); text-align: center; cursor: pointer}
.window-service ul li a{color: #fff;}
.window-service ul li i{font-size: 28px;color: #fff;}
.window-service ul li p{font-size: 12px;color: #fff;}
/*  */
.window-service-tel{position: absolute; top: 0; right: 70px; z-index: -1; width: 200px; height: auto; line-height: 50px; font-size: 20px; color: #fff; font-family: arial; background-color: var(--sColor);display: flex;flex-wrap: wrap;justify-content: center;}

.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: var(--sColor);}
.window-service-wx-pic h3{color: #fff; font-size: 14px;}
.window-service-tel,
.window-service-wx-pic{opacity: 0; visibility: hidden; transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; transform: translateX(0)}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width:768px){
	.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
	.site-copyright {padding-bottom: 80px;}
	.window-service ul li{float: left; padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0;}
	.window-service-sms,
	.window-service-contact{display: block;}
	.open-window-service-form,
	.window-service-tel,
	.window-service-wx,
	.gotop{display: none!important;}
}
.embed-components{
    top: 40% !important;
}
.item-animate li:nth-child(1){animation-delay: .1s;}
.item-animate li:nth-child(2){animation-delay: .2s;}
.item-animate li:nth-child(3){animation-delay: .3s;}
.item-animate li:nth-child(4){animation-delay: .4s;}
.item-animate li:nth-child(5){animation-delay: .5s;}
.item-animate li:nth-child(6){animation-delay: .6s;}
.item-animate li:nth-child(7){animation-delay: .7s;}
.item-animate li:nth-child(8){animation-delay: .8s;}
.item-animate li:nth-child(9){animation-delay: .9s;}
.item-animate li:nth-child(10){animation-delay: 1s;}
.item-animate li:nth-child(11){animation-delay: 1.1s;}
.item-animate li:nth-child(12){animation-delay: 1.2s;}